//文档加载事件
document.ready(function () {

    var swiper = new Swiper(".mySwiper", {
        loop: true,//循环播放
        autoplay: true,//自动切换
        pagination: {//分页器
            el: '.swiper-pagination',
            clickable: true,//点击切换分页
        },
        navigation: {//点击按钮切换页面
            nextEl: '.swiper-button-next',
            prevEl: '.swiper-button-prev',
        },
    });


    /* 需求: 鼠标移入api-link盒子，改变背景颜色，改变图片路径 */
    let apiLink = document.querySelectorAll('.api-link')
    let fileName = ''//文件名
    let extName = ''//后缀名
    
    apiLink.forEach(function (dom){
      dom.addEventListener('mouseover', function (){
        //改变背景颜色:蓝色
        this.style.backgroundColor = '#1271ef';
  
        //改变图片的src路径
        let path = this.children[0].src //获取图片路径
  
        let firstPos = path.lastIndexOf('/') //获取/的索引
        let lastPos = path.lastIndexOf('.')  //获取.的索引
       
        fileName = path.substring(firstPos+1, lastPos)//文件名 //字符串截取: 从开始索引截取到结束索引
        extName = path.substring(lastPos) //截取后缀名
        this.children[0].src = `../imags/${fileName}-c${extName}`
  
        //文字变为颜色
        this.children[1].style.color = '#fff'
      })
  
      dom.addEventListener('mouseout', function (){
        this.style.backgroundColor = '#fff';
        this.children[0].src = `../imags/${fileName}${extName}`
        this.children[1].style.color = `#666`
      })
    })


    /* 跑马灯 */
    let helpText=document.querySelectorAll('.helptext')
    let index=0; //保存激活的索引
    setInterval(function(){
      helpText[index].classList.remove('active');
      //自增索引
      ++index;
      //判断
      if(index===helpText.length) index=0;
      //再添加类名
      helpText[index].classList.add('active')
    },2000)


    /* 回到顶部 */
    /*当前滚动距离达到1000，显示toTop 否则隐藏
      点击按钮回到顶部
     */
   let toTop=document.querySelector('.toTop');
   window.addEventListener('scroll',function(){
     //获取滚动距离
     let sTop=document.documentElement.scrollTop
     if(sTop>=800){
      toTop.style.display='block' //显示
     }else{
      toTop.style.display='none' //隐藏
     }
     toTop.addEventListener('click',function(){
       /* 运动对象:html对象
       运动属性:scrollTop
       运动终点:0
       理解:回到顶部-就是设置滚动距离为0 */
       buffer(document.documentElement,{scrollTop:0})//缓动函数
     })





   })

})